<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>代理证</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/H5/css/sm.min.css" />
    <link rel="stylesheet" type="text/css" href="/H5/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="/H5/css/balance.css?v=1" />
    <style>
        .act{height: 100%;position: relative;color: #8f6d4d}
        .act>img:first-child{width: 100%;height: 100%;}
        .act>div{position: absolute;width: 100%}
        .act>img:nth-child(2){height: 9%;position: absolute;left: 50%;top:4%;transform: translateX(-50%)}
        .act_top{top:15%;text-align: center;font-size: 1.4rem;letter-spacing: .2rem;text-indent: .2rem;}
        .act_top>div{font-size: .7rem;margin-top: .6rem;text-indent: 0;letter-spacing: 0}
        .act_text>span{display: inline-block;}
        .act_text>span:first-child{width: 4rem;text-align-last: justify}
        .act_text>span:last-child{width: 5rem;text-align: left;text-indent: .3rem;border-bottom:1px solid #8f6d4d;color: black;font-weight: bolder}
        .act_bottom{top:60%;text-align: center;font-size: .7rem}
        .act_bottom>div>span{border-bottom:1px solid #8f6d4d;color: black;font-weight: bolder;font-size: .8rem;}
        .act_bottom>div>div{margin-bottom: .4rem;padding: 0 8%;font-size: .7rem;}
        .act_bottom>div{margin-bottom: .6rem;}
        .act_ming{font-size: .6rem;padding: 0 7%;}
    </style>
</head>
<body>
<div class="page-group ms-controller" :controller="wallet">
    <div class="page page-current">
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left" href="javascript:window.history.go(-1);"></a>
            <a class="icon icon-home pull-right" href="/H5"></a>
            <h1 class="title">代理证</h1>
        </header>

        <div class="content infinite-scroll infinite-scroll-bottom" style="top: 2rem;" data-distance="100"> <!--visibility-->
            <div class="act">
                <img src="/H5/images/act.png" alt="">
                <!--<img src="/H5/images/act_1.png" alt="">-->
                <div class="act_top">
                    代理授权书<div>CERTIFICA OF AUTHORIZATION</div>
                    <div class="act_text"><span>兹授权</span>：<span>{{@data.real_name}}</span></div>
                    <!--<div class="act_text"><span>身份证号</span>：<span>{{@data.id_no}}</span></div>-->
                    <div class="act_text"><span>微信名</span>：<span>{{@data.nickname}}</span></div>
                    <div class="act_text"><span>电话</span>：<span>{{@data.mobile}}</span></div>
                </div>
                <div class="act_bottom">
                    <div><div>授权为“购享惠”社交团购平台</div><span style="font-size: 1.1rem">{{@data.level_text}}</span></div>
                    <div><div>授权代理本公司系列品牌产品的C2C渠道推广及销售，特此声明</div>授权编号：<span>{{@data.invite_code}}</span></div>
                    <!--<div class="act_ming">声明：科技日报北京7月1日电 （记者张梦然）世界气象组织（WMO）近日发表声明称，鉴于当前全球温室气体浓度仍在不断上升，导致气温升高和海洋酸化，2015年至2019年很有可能成为有气温记录以来的最热5年。</div>-->
                </div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='/H5/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/avalon.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/simpleStorage.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/mall.js?v=10' charset='utf-8'></script>
<script>
    var balance = avalon.define({
        $id: "wallet",
        data: {},
        list: [],
        total_money: 0.00,
        total_num: 0,
        month_total_money: 0.00,
        month_total_num: 0,
        day_total_money: 0.00,
        day_total_num: 0,
        page_num: 1,
        page_size: 10,
        loading: false,
        more: false,
        type: Mall.parseUrl( window.location.href ).type,
        getInfo: function(){
            Mall.request( "/api/GetUserInfo" )
                    .always( function( data ){
                        if( data.error_code == 0 ){
                            balance.data = data.data;
                            simpleStorage.set('avatar_url', data.data.avatar_url);
                            balance.message = data.data.total_unread;
                            /*if(data.data.vip_level == 0){
                             document.getElementById('qrcode').style.display="none";
                             }*/
                            $( ".content" ).removeClass( "visibility" );
                        }
                    } )
        }
    });

    balance.getInfo();
    avalon.scan( document.body )
</script>
</body>
</html>